<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title></title>

	<script type="text/javascript" src="./index.js"></script>

</head>

<body>
	<!-- 
		注意：1.不推荐把js代码放head里，推荐放到body结束之后
			  2.可以出现多个script
			  3.在一对script里如果有错误的代码，那么后面的代码就不执行了
			  4.如果使用外联js，那个这个script标签里不要出现任何js代码
	 -->
	<!-- 三种 -->
	<!-- 1.行内 onclick点击事件 alert弹窗-->
	<div onclick="alert('yes')">点点点</div>
	<!-- 内联式 -->
	<script type="text/javascript">
		//   单行注释
		/*   多行注释    */
		alert.('内联')
		//浏览器默认情况从上到下解析    获取html代码 操作页面元素 Dom 若在div上面拿到的为空 null

		const dom = document.querySelector('div')

		//等待页面加载完之后，再执行{}里的代码
		window.onload = function () {

		}
	</script>
</body>

</html>